<template>
  <div class="app-container">
    <div class="flex1">
      <div class="hor mg-b-10 ver-center">
        <el-cascader
          v-model="filterCompany"
          placeholder="请选择省市"
          :options="regionList"
          @change="onCompanyFilterChange"
          :props="{ expandTrigger: 'hover',label:'label',value:'value',checkStrictly:true}"
          filterable show-all-levels
          clearable></el-cascader>

        <div class="hor pd-l-10">
          <el-input class="" v-model="name" placeholder="请输入项目名" clearable></el-input>
        </div>
        <div class="pd-l-10"></div>
        <el-button type="primary" icon="el-icon-search" @click="onClickSearch()" class="">筛选
        </el-button>
        <div class="flex1"></div>

        <el-button type="primary" icon="el-icon-plus" size="mini" class="mg-l-10" v-has-permission="['项目编辑、新增、删除']"
                   @click="onClickAdd()">增加
        </el-button>
        <el-button-group class="mg-l-10" >
          <el-tooltip class="item" effect="dark" content="删除后无法恢复" placement="bottom">
            <el-button type="danger" @click="onDeleteDialogShow = true" v-has-permission="['项目编辑、新增、删除']">
              <!--                                         @click="isHadPermission(['budgetItemOperateAccess'])?onDeleteDialogShow = true:noPermissionHint();">-->
              删除
            </el-button>
          </el-tooltip>

        </el-button-group>
      </div>
      <el-table
        ref="table"
        v-loading="listLoading"
        :data="allList"
        :max-height="autoHeight"
        element-loading-text="Loading"
        @cell-click="onCellClick"
        @selection-change="handleSelectionChange"
        @row-click="onItemClick"
        @row-dblclick="onItemDoubleClick"
        border
        width="100%"
        fit
        highlight-current-row
      >
        <el-table-column
          type="selection"
          width="40">
        </el-table-column>
        <el-table-column label="地区" width="130">
          <template slot-scope="scope">
            {{ scope.row.province }}/{{ scope.row.city }}
          </template>
        </el-table-column>
        <el-table-column label="项目名称" width="">
          <template slot-scope="scope">
            {{ scope.row.name }}
          </template>
        </el-table-column>
        <el-table-column label="创建时间" width="">
          <template slot-scope="scope">
            {{ scope.row.createTime }}
          </template>
        </el-table-column>
        <el-table-column label="地下室" width="60">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.diXiaShi == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openDxs(scope.row.xfgcBasic.diXiaShi)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="高层" width="50">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.gaoCeng == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openGc(scope.row.xfgcBasic.gaoCeng)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="小高层" width="60">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.xiaoGaoCeng == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openXgc(scope.row.xfgcBasic.xiaoGaoCeng)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="洋房" width="50">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.yangFang == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openYf(scope.row.xfgcBasic.yangFang)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="别墅" width="50">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.bieShu == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openBs(scope.row.xfgcBasic.bieShu)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="商业" width="50">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.shangYe == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openSy(scope.row.xfgcBasic.shangYe)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="公寓" width="50">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.gongYu == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openGy(scope.row.xfgcBasic.gongYu)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column label="幼儿园" width="60">
          <template slot-scope="scope">
            <div v-if="scope.row.xfgcBasic == null || scope.row.xfgcBasic.youErYuan == null">
              {{ "/" }}
            </div>
            <el-link type="primary" icon="" size="mini"
                     v-else @click="openYey(scope.row.xfgcBasic.youErYuan)">详情
            </el-link>
          </template>
        </el-table-column>
        <el-table-column class-name="" label="操作" align="center" width="370px">
          <template slot-scope="scope">
            <div class="hor hor-center">
              <el-button type="info" class="pd-lr10" size="mini" v-has-permission="['项目编辑、新增、删除']"
                         @click.stop="onClickView(scope.row)">编辑
              </el-button>
              <!--消防工程-->
              <el-button v-show="pageType == 2" type="primary" class="pd-lr10" size="mini"
                         @click.stop="onClickXfgcSupplier(scope.row)">供应商清单
              </el-button>
              <el-button v-show="pageType == 2" type="success" class="pd-lr10" size="mini"
                         @click.stop="onClickXfgcFenXi(scope.row)">商务分析
              </el-button>
              <el-button v-show="pageType == 2" type="success" icon="el-icon" size="mini" class="hor"
                         @click="onClickXfgcSjcd(scope.row)">数据沉淀
              </el-button>

              <el-button type="danger" class="pd-lr10" size="mini" :loading="onDeleteLoading" v-has-permission="['项目编辑、新增、删除']"
                         @click.stop="onDeleteId=scope.row.id; onDeleteShow = true ">删除
              </el-button>
            </div>
          </template>
        </el-table-column>
      </el-table>
      <div class="hor">
        <div class="flex1"></div>
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="page"
          :page-sizes="[20, 50, 100, 200]"
          :page-size="size"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
          class="mg-t-10">
        </el-pagination>
      </div>
    </div>
    <!--    详情-->
    <div>
      <el-dialog
        title="详情"
        :visible.sync="dialogVisible"
        width="88%"
        :before-close="handleClose">
        <el-table
          :data="gridData"
          border
          fit
          highlight-current-row
          size="mini"
          style="width: 100%">
          <el-table-column width="" property="yeTaiArea" label="面积">
            <template slot-scope="scope">
              {{ scope.row.yeTaiArea }}
            </template>
          </el-table-column>
          <el-table-column width="" property="yeTaiZb" label="业态占比(%)">
            <template slot-scope="scope">
              {{ scope.row.yeTaiZb }}
            </template>
          </el-table-column>
          <el-table-column width="" property="cengShu" label="层数（层）">
            <template slot-scope="scope">
              {{ scope.row.cengShu }}
            </template>
          </el-table-column>
          <el-table-column width="" property="buildingHeight" label="建筑高度（米）">
            <template slot-scope="scope">
              {{ scope.row.buildingHeight }}
            </template>
          </el-table-column>
          <el-table-column width="" property="tiHuBi" label="梯户比">
            <template slot-scope="scope">
              {{ scope.row.tiHuBi }}
            </template>
          </el-table-column>
          <el-table-column width="" property="ltjsl" label="楼梯间数量">
            <template slot-scope="scope">
              {{ scope.row.ltjsl }}
            </template>
          </el-table-column>
          <el-table-column width="" property="plxs" label="喷淋形式">
            <template slot-scope="scope">
              {{ scope.row.plxs }}
            </template>
          </el-table-column>
          <el-table-column width="" property="dspfxs" label="地上排风形式">
            <template slot-scope="scope">
              {{ scope.row.dspfxs }}
            </template>
          </el-table-column>
          <el-table-column width="" property="fjsl" label="风井数量（趟）">
            <template slot-scope="scope">
              {{ scope.row.fjsl }}
            </template>
          </el-table-column>
          <el-table-column width="" property="zpxhsgwpzxs" label="总坪消火栓管网配置形式">
            <template slot-scope="scope">
              {{ scope.row.zpxhsgwpzxs }}
            </template>
          </el-table-column>
          <el-table-column width="" property="gggyfs" label="钢管供应方式">
            <template slot-scope="scope">
              {{ scope.row.gggyfs }}
            </template>
          </el-table-column>
          <el-table-column width="" property="dttsl" label="电梯厅数量">
            <template slot-scope="scope">
              {{ scope.row.dttsl }}
            </template>
          </el-table-column>
          <el-table-column width="" property="gqll" label="公区连廊">
            <template slot-scope="scope">
              {{ scope.row.gqll }}
            </template>
          </el-table-column>
          <el-table-column width="" property="pdfsl" label="配电房数量(个)">
            <template slot-scope="scope">
              {{ scope.row.pdfsl }}
            </template>
          </el-table-column>
        </el-table>
      </el-dialog>
    </div>
    <el-dialog
      title="项目信息"
      :visible.sync="infoDialogShow"
      :close-on-click-modal=false
      width="1280px"
      @open="onDialogOpen"
      :before-close="closeDialog"
      center>
      <div class="ver match-width">
        <div class="ver">
          <div class="hor mg-t-20 ver-center match-width">
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title"><span style="color: red;">* </span>省市
              </div>
              <el-cascader
                style="width: 170px"
                class="flex1"
                v-model="tempcity"
                placeholder="请选择省市"
                :options="regionList"
                @change="onRegionChange"
                :props="{ expandTrigger: 'hover',label:'label',value:'value',checkStrictly:false}"
                filterable show-all-levels
                clearable></el-cascader>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>项目名称
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px"
                        v-model="detail.name">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>招标时间
              </div>
              <el-date-picker
                style="width: 180px"
                v-model="detail.biddingTime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>定标时间
              </div>
              <el-date-picker
                style="width: 180px"
                v-model="detail.calibrationTime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </div>
          </div>
          <div class="hor mg-t-20 ver-center match-width">
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>总建筑面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.zongArea">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>地下室建筑面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.diXiaShiArea">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>住宅建筑面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.zhuZhaiArea">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>表箱上楼住宅建筑面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.biaoXiangShangArea">
              </el-input>
            </div>
          </div>
          <div class="hor mg-t-20 ver-center match-width">
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>表箱不上楼住宅建筑面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.biaoXiangXiaArea">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>商业折算面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.shangYeArea">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>配套设施建筑面积(㎡)
              </div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                        v-model="detail.peiTaoArea">
              </el-input>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>住宅总户数(户)
              </div>
              <el-input-number class="flex1 font-text-color-main-title" style="width: 160px" type="number"
                               v-model="detail.zongHuShu">
              </el-input-number>
            </div>
          </div>
          <div class="hor mg-t-20 ver-center match-width">
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title "><span style="color: red;">* </span>项目业态
              </div>
              <!--              <el-input class="flex1 font-text-color-main-title" style="width: 160px"-->
              <!--                        v-model="detail.yeTaiStr">-->
              <!--              </el-input>-->
              <el-select class="font-text-color-main-title" style="width: 185px" @change="onYeTaiChange"
                         v-model="yeTaiArr" multiple clearable placeholder="请选择">
                <el-option
                  label="地下室"
                  value="地下室">
                </el-option>
                <el-option
                  label="高层"
                  value="高层">
                </el-option>
                <el-option
                  label="小高层"
                  value="小高层">
                </el-option>
                <el-option
                  label="洋房"
                  value="洋房">
                </el-option>
                <el-option
                  label="别墅"
                  value="别墅">
                </el-option>
                <el-option
                  label="商业"
                  value="商业">
                </el-option>
                <el-option
                  label="公寓"
                  value="公寓">
                </el-option>
                <el-option
                  label="幼儿园"
                  value="幼儿园">
                </el-option>
              </el-select>
            </div>
            <div class="hor ver-center flex1 pd-lr10">
              <div style="width: 100px;" class="font14 font-text-color-main-title ">备注</div>
              <el-input class="flex1 font-text-color-main-title" style="width: 160px"
                        type="textarea" maxlength="512" :autosize="{minRows: 3, }" placeholder="请输入"
                        v-model="detail.remarks">
              </el-input>
            </div>
          </div>
          <div class="hor match-width ver-center hor-center mg-t-20">
            <el-button @click="infoDialogShow = false">取消</el-button>
            <el-button type="primary" slot="reference" :loading="onSaveLoading" class="mg-l-10"
                       @click="onClickSave">保存
            </el-button>
          </div>
          <!--    消防工程     -->
          <el-tabs v-if="detail.id != null" v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="消防工程" name="1">
              <div class="ver match-width">
                <div>
                  <table class="cus-table match-width" border="1px">
                    <tr>
                      <th style="width: 40px !important;" rowspan="7">通用信息</th>
                      <th style="width: 40px !important;">项目名称</th>
                      <td colspan="9">
                        <el-input v-model="xfgcBasic.project.name" placeholder="" disabled/>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">项目业态</th>
                      <td style="width: 40px !important;">地下室</td>
                      <td style="width: 40px !important;">高层</td>
                      <td style="width: 40px !important;">小高层</td>
                      <td style="width: 40px !important;">洋房</td>
                      <td style="width: 40px !important;">别墅</td>
                      <td style="width: 40px !important;">商业</td>
                      <td style="width: 40px !important;">公寓</td>
                      <td style="width: 40px !important;">幼儿园</td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">面积（㎡）</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-input type="number" v-model="xfgcBasic.diXiaShi.yeTaiArea" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.gaoCeng.yeTaiArea" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.xiaoGaoCeng.yeTaiArea" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-input type="number" v-model="xfgcBasic.yangFang.yeTaiArea" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-input type="number" v-model="xfgcBasic.bieShu.yeTaiArea" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-input type="number" v-model="xfgcBasic.shangYe.yeTaiArea" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-input type="number" v-model="xfgcBasic.gongYu.yeTaiArea" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-input type="number" v-model="xfgcBasic.youErYuan.yeTaiArea" placeholder=""
                          />
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">业态占比（%）</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-input type="number" v-model="xfgcBasic.diXiaShi.yeTaiZb" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.gaoCeng.yeTaiZb" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.xiaoGaoCeng.yeTaiZb" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-input type="number" v-model="xfgcBasic.yangFang.yeTaiZb" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-input type="number" v-model="xfgcBasic.bieShu.yeTaiZb" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-input type="number" v-model="xfgcBasic.shangYe.yeTaiZb" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-input type="number" v-model="xfgcBasic.gongYu.yeTaiZb" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-input type="number" v-model="xfgcBasic.youErYuan.yeTaiZb" placeholder=""
                          />
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">层数（层）</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-input type="number" v-model="xfgcBasic.diXiaShi.cengShu" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.gaoCeng.cengShu" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.xiaoGaoCeng.cengShu" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-input type="number" v-model="xfgcBasic.yangFang.cengShu" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-input type="number" v-model="xfgcBasic.bieShu.cengShu" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-input type="number" v-model="xfgcBasic.shangYe.cengShu" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-input type="number" v-model="xfgcBasic.gongYu.cengShu" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-input type="number" v-model="xfgcBasic.youErYuan.cengShu" placeholder=""
                          />
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">建筑高度（米）</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-input type="number" v-model="xfgcBasic.diXiaShi.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.gaoCeng.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.xiaoGaoCeng.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-input type="number" v-model="xfgcBasic.yangFang.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-input type="number" v-model="xfgcBasic.bieShu.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-input type="number" v-model="xfgcBasic.shangYe.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-input type="number" v-model="xfgcBasic.gongYu.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-input type="number" v-model="xfgcBasic.youErYuan.buildingHeight" placeholder=""
                          />
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">梯户比</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.tiHuBi" clearable placeholder="请选择"
                          >
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.tiHuBi" clearable placeholder="请选择">
                            <el-option
                              label="1T2"
                              value="1T2">
                            </el-option>
                            <el-option
                              label="2T2"
                              value="2T2">
                            </el-option>
                            <el-option
                              label="2T4"
                              value="2T4">
                            </el-option>
                            <el-option
                              label="2T6"
                              value="2T6">
                            </el-option>
                            <el-option
                              label="3T6"
                              value="3T6">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;" rowspan="10">消防专用信息</th>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">楼梯间数量</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.ltjsl" clearable placeholder="请选择">
                            <el-option
                              label="单个"
                              value="单个">
                            </el-option>
                            <el-option
                              label="双个"
                              value="双个">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">喷淋形式</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.plxs" clearable placeholder="请选择">
                            <el-option
                              label="水喷淋"
                              value="水喷淋">
                            </el-option>
                            <el-option
                              label="泡沫喷淋"
                              value="泡沫喷淋">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">地上排风形式</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.dspfxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.dspfxs" clearable placeholder="请选择">
                            <el-option
                              label="自然排风"
                              value="自然排风">
                            </el-option>
                            <el-option
                              label="机械排风"
                              value="机械排风">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">风井数量（趟）</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.fjsl" clearable placeholder="请选择">
                            <el-option
                              label="单趟"
                              value="单趟">
                            </el-option>
                            <el-option
                              label="双趟"
                              value="双趟">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">总坪消火栓管网配置形式</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.zpxhsgwpzxs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="埋地"
                              value="埋地">
                            </el-option>
                            <el-option
                              label="地下室环网"
                              value="地下室环网">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">钢管供应方式</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.gggyfs" clearable placeholder="请选择"
                          >
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.gggyfs" clearable placeholder="请选择">
                            <el-option
                              label="甲供"
                              value="甲供">
                            </el-option>
                            <el-option
                              label="乙供"
                              value="乙供">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">电梯厅数量</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-input type="number" v-model="xfgcBasic.diXiaShi.dttsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.gaoCeng.dttsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.xiaoGaoCeng.dttsl" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-input type="number" v-model="xfgcBasic.yangFang.dttsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-input type="number" v-model="xfgcBasic.bieShu.dttsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-input type="number" v-model="xfgcBasic.shangYe.dttsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-input type="number" v-model="xfgcBasic.gongYu.dttsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-input type="number" v-model="xfgcBasic.youErYuan.dttsl" placeholder=""/>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">公区连廊</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.diXiaShi.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gaoCeng.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.xiaoGaoCeng.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.yangFang.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.bieShu.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.shangYe.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.gongYu.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-select class="font-text-color-main-title"
                                     v-model="xfgcBasic.youErYuan.gqll" clearable placeholder="请选择">
                            <el-option
                              label="有"
                              value="有">
                            </el-option>
                            <el-option
                              label="无"
                              value="无">
                            </el-option>
                          </el-select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th style="width: 40px !important;">配电房数量(个)</th>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.diXiaShi != null">
                          <el-input type="number" v-model="xfgcBasic.diXiaShi.pdfsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.gaoCeng.pdfsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.xiaoGaoCeng != null">
                          <el-input type="number" v-model="xfgcBasic.xiaoGaoCeng.pdfsl" placeholder=""
                          />
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.yangFang != null">
                          <el-input type="number" v-model="xfgcBasic.yangFang.pdfsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.bieShu != null">
                          <el-input type="number" v-model="xfgcBasic.bieShu.pdfsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.shangYe != null">
                          <el-input type="number" v-model="xfgcBasic.shangYe.pdfsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.gongYu != null">
                          <el-input type="number" v-model="xfgcBasic.gongYu.pdfsl" placeholder=""/>
                        </div>
                      </td>
                      <td style="width: 40px !important;">
                        <div v-if="xfgcBasic.youErYuan != null">
                          <el-input type="number" v-model="xfgcBasic.youErYuan.pdfsl" placeholder=""/>
                        </div>
                      </td>
                    </tr>
                  </table>
                </div>
                <div class="hor match-width ver-center hor-center mg-t-20">
                  <el-button @click="closeSavePro">取消</el-button>
                  <el-button type="primary" slot="reference" :loading="onSaveXfgcLoading" class="mg-l-10"
                             @click="onClickSaveXfgc">保存
                  </el-button>
                </div>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </el-dialog>
    <el-dialog
      title="提示"
      :visible.sync="onDeleteDialogShow"
      :close-on-click-modal=false
      width="30%">
      <span>删除后无法恢复</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="onDeleteDialogShow = false">取消</el-button>
        <el-button type="danger" @click="batchDelete()" :loading="onDeleteLoading" >删除</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="提示"
      :visible.sync="onDeleteShow"
      :close-on-click-modal=false
      width="30%">
      <span>删除后无法恢复</span>
      <span slot="footer" class="dialog-footer">
                    <el-button @click="onDeleteShow = false">取消</el-button>
                    <el-button type="danger" @click="deleteById"
                               :loading="onDeleteLoading">删除</el-button>
                  </span>
    </el-dialog>
  </div>

</template>
<style>
</style>
<script>
const request = require('@/api/project/project')
const requestXfgcBasic = require('@/api/project/XfgcBasic')
const requestCompany = require('@/api/project/company')
import {getCityData} from '@/js/cityData.js'

let _this;
export default {
  name: "Project",
  components: {},
  filters: {},
  data() {
    return {
      allList: [],
      page: 1,
      size: 20,
      total: 0,
      autoHeight: 400,//根据屏幕高度自动计算的高度
      //筛选参数
      params: {
        flag: 1,
        province: "",
        city: "",
      },
      filterLevel: '',
      selectRowList: [],
      onDeleteDialogShow: false,
      onDeleteLoading: false,
      onDeleteShow: false,
      onDeleteId: "",
      onSaveXfgcLoading: false,
      //信息窗口
      infoDialogShow: false,
      detail: {},
      xfgcBasic: {
        project: {},
        diXiaShi: {},
        gaoCeng: {},
        xiaoGaoCeng: {},
        yangFang: {},
        bieShu: {},
        shangYe: {},
        gongYu: {},
        youErYuan: {}
      },
      onSaveLoading: false,
      regionList: [],
      companyOriginList: [],
      companyList: [],

      listLoading: true,
      filterCompany: null,
      city: "",
      province: "",
      name: "",
      //同城市价差列表
      jiachaTCSList: [],
      activeName: "1",
      tempcity: [],
      dateRange: null,
      nameUpdateShow: false,
      updateNameData: {},
      orgNameData: {},
      updateTitle: "",
      huXingBuWeiIndex: 0,
      yeTaiArr: [],
      pageType: null,
      gridData: [],
      dialogVisible: false,
    }
  },
  created() {
    // 获取查询参数
    this.pageType = this.$route.meta.param;
    console.log("pageType", this.pageType);
  },
  beforeMount() {

    this.autoHeight = document.body.scrollHeight - 230
    var now = new Date();
    var month = now.getMonth() + 1;
    this.dateRange = now.getFullYear() + "-" + (month < 10 ? "0" + month : month)
    this.regionList = getCityData()
    //去掉第三级的信息
    for (let i = 0; i < this.regionList.length; i++) {
      if (this.regionList[i].children != null && this.regionList[i].children.length > 0) {
        for (let j = 0; j < this.regionList[i].children.length; j++) {
          this.regionList[i].children[j].children = null
        }
      }
    }

  }, mounted() {
    _this = this

    this.fetchData()
    this.getCompanyList();

  },

  methods: {

    showInput() {
      this.nameUpdateShow = true;
      this.$nextTick(_ => {
        this.$refs.saveTagInput.$refs.input.focus();
      });
    },


    fetchData() {
      this.listLoading = true
      const data = new FormData()
      for (var key in this.params) {//直接去除掉空值的对象
        if (this.isEmpty(this.params[key])) {
          delete this.params[key]
        }
      }

      data.append('params', JSON.stringify(this.params))
      data.append('page', this.page)
      data.append('size', this.size)

      const sortList = []
      sortList.push(
        {
          direction: 'desc',
          property: 'createTime'
        }
      )
      data.append('sortJsonStr', JSON.stringify(sortList))
      request.getProjectXfgcList(data).then(response => {
        this.allList = response.data
        this.total = response.totalElements

        this.listLoading = false
      })
    },
    getCompanyList() {
      let params = {
        level: 1,
        flag: 1
      }
      const data = new FormData()

      data.append('params', JSON.stringify(params))
      data.append('page', 1)
      data.append('size', 99999)

      const sortList = []
      sortList.push(
        {
          direction: 'desc',
          property: 'createTime'
        }
      )
      data.append('sortJsonStr', JSON.stringify(sortList))

      requestCompany.getList(data).then(response => {
        let list = response.data
        this.companyList = []
        for (let i = 0; i < list.length; i++) {
          let data = {
            label: list[i].name,
            value: list[i].id,
            children: []
          };
          if (list[i].children != null || list[i].children.length == 0) {
            let children = list[i].children;
            for (let j = 0; j < children.length; j++) {
              data.children.push({
                label: children[j].name,
                value: children[j].id
              })
            }
          }
          this.companyList.push(data);
        }
        this.companyOriginList = list;
      })
    },
    deleteById() {
      //通过id删除
      this.$message({
        message: '操作中',
        type: 'warning',
        duration: 1000
      })
      this.onDeleteLoading = true
      const data = new FormData()
      data.append('operate', 1)
      data.append('ids', [this.onDeleteId])
      request.batchDelete(data).then(response => {
        this.$message({
          message: '删除成功',
          type: 'success',
          duration: 3000
        })
        this.onDeleteLoading = false
        this.onDeleteShow = false
        _this.fetchData()
      }).catch((e) => {
        this.onDeleteLoading = false
      })

    }, batchDelete() {
      const _this = this
      if (this.selectRowList == null || this.selectRowList.length == 0) {
        this.$message({
          message: '请选择对象',
          type: 'warning',
          duration: 1000
        })
        return
      }
      const array = []
      for (let i = 0; i < this.selectRowList.length; i++) {
        array.push(this.selectRowList[i].id)
      }
      const data = new FormData()
      data.append('operate', 1)
      data.append('ids', array)
      this.$message({
        message: '操作中',
        type: 'warning',
        duration: 1000
      })
      this.onDeleteLoading = true
      request.batchDelete(data).then(response => {
        this.$message({
          message: '删除成功',
          type: 'success',
          duration: 3000
        })
        this.onDeleteLoading = false
        this.onDeleteDialogShow = false
        _this.fetchData()
      }).catch((e) => {
        this.onDeleteLoading = false
      })
    }
    , handleSizeChange(val) {
      this.size = val
      this.fetchData()
    }, handleCurrentChange(val) {
      this.page = val
      this.fetchData()
    }, onClickSearch() {//点击搜索
      this.page = 1;
      if (!this.isEmpty(this.searchName)) {
        this.params['name_like'] = ('%' + this.searchName.trim() + '%')
      } else {
        this.params['name_like'] = ''
      }
      if (!this.isEmpty(this.searchType)) {
        this.params['type_like'] = ('%' + this.searchType.trim() + '%')
      } else {
        this.params['type_like'] = ''
      }
      if (!this.isEmpty(this.name)) {
        this.params['name_like'] = ('%' + this.name.trim() + '%')
      } else {
        this.params['name_like'] = ''
      }
      // if (this.filterCompany != null && this.filterCompany.length > 1) {
      //   this.params['company.id'] = this.filterCompany[1];
      // } else {
      //   this.params['company.id'] = "";
      // }

      this.fetchData()
    }, onInputClear(type) {//1.姓名
      if (type === 1) {
        this.searchName = ''
      } else if (type === 2) {
        this.searchType = ''
      }
      this.onClickSearch()

    }, handleSelectionChange(rowList) {//多选变化监听
      this.selectRowList = rowList
    }, onCellClick(row, column, cell, event) {
      if (column.type == 'selection') {
        this.$refs.table.toggleRowSelection(row)
      }
    }
    , onItemClick(row) {//单行点击
    }
    , onItemDoubleClick(row) {//单行双击
      this.onClickView(row)
    },
    onClickAdd() {
      this.detail = {
        province: "",
        city: "",
        name: "",
        biddingTime: null,
        calibrationTime: null,
        zongArea: null,
        diXiaShiArea: null,
        zhuZhaiArea: null,
        biaoXiangShangArea: null,
        biaoXiangXiaArea: null,
        shangYeArea: null,
        peiTaoArea: null,
        zongHuShu: null,
        yeTaiStr: null,
        remarks: null,
      }
      this.xfgcBasic = {
        project: {},
        diXiaShi: {},
        gaoCeng: {},
        xiaoGaoCeng: {},
        yangFang: {},
        bieShu: {},
        shangYe: {},
        gongYu: {},
        youErYuan: {}
      },
        this.tempcity = [];
      this.yeTaiArr = [];
      this.infoDialogShow = true
    },
    onDialogOpen() {
    },
    closeDialog(){
      this.fetchData()
      this.infoDialogShow = false
    },
    onPositionDialogOpen() {
      this.$refs.map.initMap()
    },
    onClickSave() {//点击保存
      if (this.detail.province == null || this.detail.province === ""
        || this.detail.city == null || this.detail.city === "") {
        this.$message({
          message: '项目省市不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.name == null || this.detail.name === "") {
        this.$message({
          message: '项目名称不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.biddingTime == null || this.detail.biddingTime === "") {
        this.$message({
          message: '招标时间不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.calibrationTime == null || this.detail.calibrationTime === "") {
        this.$message({
          message: '定标时间不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.zongArea == null || this.detail.zongArea === "") {
        this.$message({
          message: '总建筑面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.diXiaShiArea == null || this.detail.diXiaShiArea === "") {
        this.$message({
          message: '地下室建筑面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.zhuZhaiArea == null || this.detail.zhuZhaiArea === "") {
        this.$message({
          message: '住宅建筑面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.biaoXiangShangArea == null || this.detail.biaoXiangShangArea === "") {
        this.$message({
          message: '表箱上楼住宅建筑面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.biaoXiangXiaArea == null || this.detail.biaoXiangXiaArea === "") {
        this.$message({
          message: '表箱不上楼住宅建筑面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.shangYeArea == null || this.detail.shangYeArea === "") {
        this.$message({
          message: '商业折算面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.peiTaoArea == null || this.detail.peiTaoArea === "") {
        this.$message({
          message: '配套设施建筑面积不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      if (this.detail.zongHuShu == null || this.detail.zongHuShu === "") {
        this.$message({
          message: '住宅总户数不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }


      if (this.detail.yeTaiStr == null || this.detail.yeTaiStr === "") {
        this.$message({
          message: '项目业态不能为空',
          type: 'warning',
          duration: 2000
        })
        return
      }
      this.requestSave()
    },
    onClickView(row) {
      this.detail = row
      this.tempcity = [this.detail.province, this.detail.city];
      if (this.detail.yeTaiStr != null && this.detail.yeTaiStr != "") {
        this.yeTaiArr = this.detail.yeTaiStr.split(",");
      } else {
        this.yeTaiArr = []
      }
      //查询高低压配置，并赋值
      this.getXfgcBasic()
      this.infoDialogShow = true
    },
    onClickXfgcSupplier(row) {
      const {href} = this.$router.resolve({
        path: "/xfgc/xfgcTabulation?projectInfo=" + JSON.stringify(row)
      })
      window.open(href, '_blank')//新窗口打开页面会卡死所以不开新窗口
    },
    onClickXfgcFenXi(row) {
      const {href} = this.$router.resolve({
        path: "/analysisXfgcPm/Dashboard?projectInfo=" + JSON.stringify(row)
      })
      window.open(href, '_blank')//新窗口打开页面会卡死所以不开新窗口
    },
    onClickXfgcSjcd(row) {
      const {href} = this.$router.resolve({
        path: "/xfgcSjcd/Dashboard?projectInfo=" + JSON.stringify(row)
      })
      window.open(href, '_blank')//新窗口打开页面会卡死所以不开新窗口
    },
    requestSave() {
      this.onSaveLoading = true
      //把选择的权限赋值过去
      const data = new FormData()
      data.append('json', JSON.stringify(this.detail));
      request.saveByJson(data).then(response => {
        this.onSaveLoading = false
        this.$message({
          message: '保存成功',
          type: 'success',
          duration: 2000
        })
        this.detail = response.data
        this.fetchData()
      }).catch((e) => {
        this.onSaveLoading = false
      })
    }, onLevelChange(val) {
      this.params.level = val + ''
      this.fetchData()
    },
    onAvatarChange(val) {//图片上传
      const isLt2M = val.size / 1024 / 1024 < 2

      if (!isLt2M) {
        this.$message.error('上传图片大小不能超过 2MB!')
        // console.log(this.shenghuoImgList)
        return false
      }
      this.uploadImg(val, 1)
    }, onAvatarRemove(val) {//图片移除
      console.log(val)

      this.deleteFile(_this.detail.img, function () {//成功
        // _this.avatar = null
        // _this.avatarUrl = null
        _this.detail.img = ''
      }, function () {//失败
      })
      return false
    }, uploadImg(val, type) {//根据类型上传单图片 1.头像 2.身份证正面 3.身份证反面 4.房产证 5.行驶证
      this.$message('上传中')
      this.uploadSingleFile(val.raw, function (key, url) {
        //分类型处理
        switch (type) {
          case 1:
            _this.detail.img = key
            _this.detail.imgUrl = url + '?imageView2/1/w/400/h/300'
            // _this.img = key
            // _this.imgUrl = url + '?imageView2/1/w/200/h/200'
            break
          // case 2:
          //   _this.userDetail.userDetail.idCardPathFront = key
          //   _this.idCardFont = key
          //   _this.idCardFontUrl = url + '?imageView2/1/w/200/h/200'
          //   break
        }

        console.log('上传成功  ' + key + '   ' + url)
        _this.$message({
          message: '上传成功',
          type: 'success'
        })
        console.log(_this.detail)
        // console.log(_this.shenghuoImgList)
      }, function (percent) {
        // vant.Notify({type: 'success', message: '上传中'});
        console.log(percent)
      }, function (res) {
        // vant.Notify({type: 'danger', message: '上传图片失败' + res});
        console.log(res)
        _this.$message({
          message: '上传失败',
          type: 'error'
        })
      })
    },
    onRegionChange(val) {
      if (val) {
        this.detail.province = val[0];
        this.detail.city = val[1];
      }
    },
    onYeTaiChange(val) {
      if (Array.isArray(val) && val.length > 0) {
        this.detail.yeTaiStr = val.join(",");
      } else {
        this.detail.yeTaiStr = null;
      }
    },
    onCompanyChange(val) {
      const one = val[0]
      const two = val[1]

      if (two == null || two == undefined) {
        return
      }
      console.log(two);
      //找到对应的公司
      for (let i = 0; i < this.companyOriginList.length; i++) {
        let children = this.companyOriginList[i].children;
        for (let j = 0; j < children.length; j++) {
          if (two == children[j].id) {
            this.detail.company.id = two;
            this.detail.company.province = children[j].province;
            this.detail.company.city = children[j].city;
            console.log(this.detail)
          }
        }
      }
    },
    onCompanyFilterChange(val) {
      if (val) {
        if (val.length == 2) {
          this.params.province = val[0];
          this.params.city = val[1];
        } else if (val.length == 1) {
          this.params.province = val[0];
          this.params.city = "";
        } else {
          this.params.province = "";
          this.params.city = "";
        }
        // this.params.page=1;
        // this.fetchData();
      } else {
        this.params.province = "";
        this.params.city = "";
        // this.fetchData();
      }

      console.log(val)
      const one = val[0]
      const two = val[1]

      console.log(one, two)
      this.onClickSearch()
    },

    handleClick() {

    },
    onClickSaveXfgc() {//点击保存
      this.xfgcBasic.project.id = this.detail.id
      if (this.xfgcBasic.project.id == null || this.xfgcBasic.project.id === "") {
        this.$message({
          message: '未选择项目，请重试',
          type: 'warning',
          duration: 2000
        })
        return
      }
      this.onSaveXfgcLoading = true
      //把选择的权限赋值过去
      const data = new FormData()
      data.append('json', JSON.stringify(this.xfgcBasic));
      requestXfgcBasic.saveByJson(data).then(response => {
        this.onSaveXfgcLoading = false
        this.$message({
          message: '保存成功',
          type: 'success',
          duration: 2000
        })
        this.getXfgcBasic()
      }).catch((e) => {
        this.onSaveXfgcLoading = false
      })
    },
    getXfgcBasic() {
      this.listLoading = true
      const data = new FormData()
      data.append('projectId', this.detail.id)
      requestXfgcBasic.getXfgcBasic(data).then(response => {
        let dataObj = response.data
        if (dataObj != null) {
          this.xfgcBasic = {
            id: dataObj.id,
            flag: dataObj.flag,
            project: dataObj.project,
            diXiaShi: dataObj.diXiaShi != null ? dataObj.diXiaShi : {},
            gaoCeng: dataObj.gaoCeng != null ? dataObj.gaoCeng : {},
            xiaoGaoCeng: dataObj.xiaoGaoCeng != null ? dataObj.xiaoGaoCeng : {},
            yangFang: dataObj.yangFang != null ? dataObj.yangFang : {},
            bieShu: dataObj.bieShu != null ? dataObj.bieShu : {},
            shangYe: dataObj.shangYe != null ? dataObj.shangYe : {},
            gongYu: dataObj.gongYu != null ? dataObj.gongYu : {},
            youErYuan: dataObj.youErYuan != null ? dataObj.youErYuan : {}
          }
        } else {
          this.xfgcBasic = {
            project: this.detail,
            diXiaShi: {},
            gaoCeng: {},
            xiaoGaoCeng: {},
            yangFang: {},
            bieShu: {},
            shangYe: {},
            gongYu: {},
            youErYuan: {}
          }
        }
        this.listLoading = false
      })
    },
    openDxs(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openGc(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openXgc(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openYf(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openBs(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openSy(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openGy(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    openYey(row) {
      this.gridData.push(row)
      this.dialogVisible = true
    },
    handleClose() {
      this.dialogVisible = false;
      this.gridData = []
    },
    closeSavePro(){
      this.fetchData()
      this.infoDialogShow = false
    }
  }
}
</script>
<style>
.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.svg-external-icon {
  background-color: currentColor;
  mask-size: cover !important;
  display: inline-block;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 400px;
  height: 300px;
  line-height: 300px;
  text-align: center;
}

/*清除type=number的上下箭头*/
/* 在Chrome浏览器下 */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}


.button-new-tag {
  margin-left: 10px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.input-new-tag {
  width: 90px;
  margin-left: 10px;
  vertical-align: bottom;
}

.huxing {

  width: 45%;
  min-height: 130px;
  background-color: rgb(239, 239, 239);

}


.cus-table {
  border-collapse: collapse;
  text-align: center;
}

.cus-table td, .cus-table th {
  border: 1px solid #cad9ea;
  color: #424242;
  height: 50px;
}

.cus-table th {
  background-color: #EFEFEF;
  width: 100px;
  color: #414141;
  font-size: 12px;
}

</style>
